$(function () {
  // 功能一点击切换
  $("#link_reg").on("click", function () {
    $(this).parents(".login-box").hide().siblings(".reg-box").show();
  });
  $("#link_login").on("click", function () {
    $(this).parents(".reg-box").hide().siblings(".login-box").show();
  });

  // 对数据进行校验
  layui.form.verify({
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    samePwd: function (value, item) {
      // value为表单的值，item为确认密码框的dom元素对象
      const password = $("#form_reg [name=password]").val().trim();
      if (password !== value) {
        return "两次密码输入不一致";
      }
    },
  });
 

  // 功能二 注册功能
  /*
  给表单注册提交事件
  阻止默认行为
  收集表单的数据
  对数进行非空校验
  发起ajax请求
  判断请求成功与否
  如果成功显示登录盒子 
   */
  $("#form_reg").on("submit", function (e) {
    e.preventDefault();
    const username = $("#form_reg [name=username]").val().trim();
    const password = $("#form_reg [name=password]").val().trim();
    if (!username || !password) return layer.msg("请输入用户名和密码", { icon: 5 });
    
    $.ajax({
      method: "post",
      url: "/api/reguser",
      data: {
        username,
        password,
      },
      success: function (res) {
        console.log(res);
        if (res.status !== 0) return layer.msg(res.message, { icon: 5 });
        layer.msg(res.message, { icon: 6 });
        $("#link_login").click();
        $(this).reset()
      },
    });
  });

  // 登录功能\
  /* 
    给登录表单注册点击事件
    阻止默认行为
    收集表单的数据
    发起ajax请求

  */
  $("#form_login").on("submit", function (e) {
    e.preventDefault()
    const data = $(this).serialize()
    console.log(data);
    $.ajax({
      method: 'post',
      url:'/api/login',
      data,
      success: function(res) {
        // console.log(res);
        if(res.status !==0) return layer.msg(res.message, {icon: 5}); 
        layer.msg(res.message, {
          icon: 6,
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function(){
          //do something
          sessionStorage.setItem('token',res.token)
          location.href = 'index.html'
        });
      }
    })
  });
});
